<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
          <link rel="stylesheet" href="bootstrap.min.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<header>
		<div class="container">
			<div class="head">
				<ul>
					<li class="l1">Get Started</li>
					<li>Core</li>
					<li>Components</li>
					<li>Customizer</li>
					<li>Shoecase</li>
					<li>Turorials</li>
				</ul>
			</div>
		</div>
	</header>
	<div class="banner">
		<div class="container">
			<div class="banner1">
				<img src="img/logo.png">
				<div class="banner1-1">
					<p>A lightweight and modular frontend framework</p>
					<p>for developing fast and powerful web interfaces</p>
				</div>
				<a href="">Download</a>
			</div>
		</div>
	</div>
	<main>
		<div class="container">
			<div class="main1">
				<h2>Features</h2>
				<div class="main-1">
					<p>Ulkit givs you a comprehenseive collection of I ITML,CSS,and JS components</p>
					<p>which is simple to use, easy to customize and extendable.</p>
				</div>
				<div class="main-2">
					<div class="row">
						<div class="col-sm-12 col-md-3">
							<h3>LESS</h3>
                    		<p>UIKIT is developed in LESS & SASS to write well-structured,
                        extendable code which is easy to maintain.</p>
						</div>
						<div class="col-sm-12 col-md-3">
							<h3>Components</h3>
                    		<p>A collection of small, responsive components using consistent and confict-naming convientions</p>
						</div>
						<div class="col-sm-12 col-md-3">
							<h3>Customizer</h3>
                    		<p>Ulkit's very basic style can be extended with themes and is easy to customize to create your coen look.</p>
						</div>
						<div class="col-sm-12 col-md-3">
							<h3>Responsive</h3>
                    		<p>With the mobile-fist apporach Ulkit provides a consistent experience from phones and tab</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</main>
	<div class="become">
		<div class="container">
			<p>Become a part of the Ulkit communtiy</p>
			<div class="be1">
				<div class="row">
					<div class="col-sm-12 col-md-4">
						<div class="be2">
							<img src="img/1.png">
							<p class="p1">Twitter</p>
							<p class="p2">Follow us on Twitter and be the first to receive news and updates .We are open foe your feedback and questions.</p>
						</div>
					</div>
					<div class="col-sm-12 col-md-4">
						<div class="be2">
							<img src="img/2.png">
							<p class="p1">Contribute on GitHub</p>
							<p class="p2">You want to take part in the development?Fork Ulkit on GitHub and send us a pull request To report a bug,file a new issue.</p>
						</div>
					</div>
					<div class="col-sm-12 col-md-4">
						<div class="be2">
							<img src="img/3.png">
							<p class="p1">Ulkit Community</p>
							<p class="p2">Lf you're interested in discussing,particing and helping each other,the Ulkit community s the place to be.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer>
		<div class="container">
			<p>Made by Yootheme width love and caffeine.</p>
			<p>Licensed under MIt license.</p>
		</div>
	</footer>
</body>
</html>